<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" media="all" />
		<style type="text/css">
			html,
			body {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}

			body {
				background: url(../img/9.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}

			body:after {
				content: '';
				background-repeat: no-repeat;
				background-size: cover;
				-webkit-filter: blur(3px);
			}

			.layui-container {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}

			.layui-login-background {
				width: 300px;
				height: 300px;
				position: absolute;
				top: 30%;
				left: 60%;
				margin-left: 50px;
			}

			.logo-title {
				text-align: center;
				letter-spacing: 2px;
				padding: 14px 0;
			}

			.logo-title h1 {
				color: #009688;
				font-size: 25px;
				font-weight: bold;
			}

			.layui-form {
				background: rgba(255, 255, 255, 0.3);
				border: 1px solid #fff;
				border-radius: 3px;
				padding: 14px 20px;
				box-sizing: border-box;
			}

			.layui-form .layui-form-item {
				position: relative;
			}

			.layui-form .layui-form-item label {
				position: absolute;
				left: 1px;
				top: 1px;
				width: 38px;
				line-height: 36px;
				text-align: center;
			}

			.layui-form .layui-form-item input {
				line-height: 36px;
				padding-left: 36px;
			}

			.login_register {
				float: right;
				right: 10px;
			}
		</style>
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-login-background">
				<div class="layui-form layui-form">
					<form class="layui-form" >
						<div class="layui-form-item logo-title">
							<h1>CRM登录</h1>
						</div>
						<div class="layui-form-item">
							<label class="layui-icon layui-icon-username" for="username"></label>
							<input type="text" name="username" lay-verify="required|account" placeholder="用户名" autocomplete="off" class="layui-input" />
						</div>
						<div class="layui-form-item">
							<label class="layui-icon layui-icon-password" for="password"></label>
							<input type="password" name="password" lay-verify="required|password" placeholder="密码" autocomplete="off" class="layui-input"/>
						</div>
						<div class="layui-form-item">
							<button class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="login">登 录</button>
						</div>
					</form>
				</div>
			</div>
		</div>

		<script src="../layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/login.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
